<!DOCTYPE html>
<html>
<head>
<!-- Meta, title, CSS, favicons, etc. -->
<meta charset="utf-8">
<title>Login</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type="text/javascript" src="<?php echo $baseurl.'public/theme/default/js/'?>jquery-1.10.2.js"></script>
    <script type="text/javascript" src="<?php echo $baseurl.'public/theme/default/js/'?>jquery-ui.js"></script>
    <script type="text/javascript" src="<?php echo $baseurl.'public/theme/default/js/'?>main.js"></script>

<link rel="stylesheet" type="text/css" href="<?php echo $baseurl.'public/theme/default/'?>css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="<?php echo $baseurl.'public/theme/default/'?>css/theme.css">
<link rel="stylesheet" type="text/css" href="<?php echo $baseurl.'public/theme/default/'?>css/pages.css">

<!-- Favicon -->
<link rel="shortcut icon" href="img/favicon.ico">
</head>

<body class="login-page">
<!-- Start: Main -->
<div id="main">
  <div class="container">
    <div class="row">
        
        <div class="panel" style="margin-top: 8%;">
            <div class="panel-heading">
                <div class="panel-title"> <img src="<?php echo $baseurl.'public/theme/default/img/lock.png'?>" alt="user avatar" width="40" height="40" /> Login </div>
            </div>
            <?php $att = array('class' => 'cmxform', 'id' => 'altForm'); echo form_open('', $att);?>
            <div class="panel-body">
            <?php if(isset($result) || validation_errors()):?>
            <div class="alert alert-danger" id="show-msg">
            
                <div class="btn-close"><button type="button" id="close-msg" class="close" data-dismiss="alert" aria-hidden="true">×</button></div>
                     <?php
                        if(isset($result))
                        {
                            echo $result;
                        }
                    ?>
                    <?php echo validation_errors(); ?>
            </div><?php endif;?>
            <div class="form-group">
                <div class="input-group"> <span class="input-group-addon"><img src="<?php echo $baseurl.'public/theme/default/img/user_login.png'?>" alt="user avatar" width="15" height="17" /> </span>
                    <input type="text" name="username" class="form-control phone" maxlength="10" autocomplete="off" placeholder="User Name">
                </div>
            </div>
            <div class="form-group">
              <div class="input-group"> <span class="input-group-addon"><img src="<?php echo $baseurl.'public/theme/default/img/blue_key.png'?>" alt="user avatar" width="15" height="17" /> </span>
                <input type="password" name="passwd" class="form-control product" maxlength="10" autocomplete="off" placeholder="Password">
              </div>
            </div>
          </div>
          
          <div class="footer">
            <div class="form-group margin-bottom-none">
              <div class="btn-login"><input class="btn btn-primary" type="submit" value="Login" /></div>
              <div class="copyright">Copyright @ VINALINES - 2015</div>
              <div class="clearfix"></div>
            </div>
          </div>
          
        </form>
      </div>
    </div>
  </div>
</div>
<!-- End: Main --> 

</body>

</html>
